<template>
   <div class="toast">
     <div>{{message}}</div>
   </div>
</template>

<script>
export default {
  name:'Toast',
  props:{
    message:{
      type:String,
      default:''
    }
  },
   data () {
      return {
        
      };
   },

   components: {},

   computed: {},

   methods: {}
}
</script>
<style  scoped>
.toast{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 8px 10px;
}
</style>
